<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新碟上架</title>
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="css/header.css">
  <link rel="stylesheet" type="text/css" href="css/init.css">
  <link rel="stylesheet" type="text/css" href="css/xindie.css">
</head>
<body>

 <nav class="navbar navbar-inverse top" role="navigation">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            

          </button>
          <div class="logo clear">
          <img src="images/logo.png" class="fl">
          <div class="navbar-brand" href="#">网易云音乐</div></div>
        </div>
    
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">发现音乐</a></li>
                <li><a href="demo.html">我的音乐</a></li>
                <li><a href="#">朋友</a></li>
                <li><a href="#">商城</a></li>
                <li><a href="#">音乐人</a></li>
                <li><a href="#">下载客户端</a></li>
            </ul>
          <form class="navbar-form navbar-left" role="search">
              <div class="form-group">
                <input type="text" class="form-control" placeholder="音乐/电台/用户" border-radius="50%">
              </div>
                <button type="submit" class="btn btn-default">搜索</button>
          </form>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">视频投稿</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">登录 <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="login.html">手机号登录</a></li>
                <li><a href="wechat.html">微信登录</a></li>
                <li><a href="#">QQ登录</a></li>
                 <li><a href="#">新浪微博登录</a></li>
                <li><a href="#">网易邮箱账号登录</a></li>
            
              </ul>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div>
    </nav>
  <ul class="nav nav-pills toplist">
       <li class=""><a href="class.html">推荐</a> </li>
       <li><a href="anchor station.html">排行榜</a></li>
       <li><a href="gedan.html">歌单</a></li>
         <li><a href="">主播电台</a></li>
      <li><a href="">歌手</a></li>
      <li><a class="activ"  href="">新碟上架</a></li>
</ul>

 
    <script src="js/jq.js"></script>  
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">

        $('.nav-tabs a').click(function(e){
          e.preventDefault();
          $(this).tab('show');
        });

    </script>
<div class="die">

  <span class="r1">热门新碟</span>
  <div class="r2">

      </div>

      <ul class="u1">

         <li><img src="images/17882457114412543.jpg"><a href="">stargazing</a></li>
         <li><img src="images/17945129277196736.jpg"><a href="">The Spectre</li>
         <li><img src="images/17945129277196741.jpg"><a href="">摩登天空8</li>
         <li><img src="images/17970418044636596.jpg"><a href="">青春住了谁</li>
         <li><img src="images/18024294114395971.jpg"><a href="">Brahms:The Pinao</li>
         <li><img src="images/18211211091421897.jpg"><a href="">蚍蜉渡海</li>
         <li><img src="images/18211211091421904.jpg"><a href="">Reday For It</li>
         <li><img src="images/18270584719319320.jpg"><a href="">我知道你不喜欢你妈妈</li>

         </ul>
          <span class="r1">全部新碟</span>
          <div class="r2">

           </div>
      <ul>
         <li><img src="images/18274982765832112.jpg"><a href="">Hold on to Me</a></li>
         <li><img src="images/18278281300715420.jpg"><a href="">Skin&Earth</li>
         <li><img src="images/18323361277151929.jpg"><a href="">SpongBob</li>
         <li><img src="images/18337654928626475.jpg"><a href="">有点灰</li>
         <li><img src="images/18425615858530039.jpg"><a href="">Spangle-Lang-Lane</li>
         <li><img src="images/18439909509693862.jpg"><a href="">Hard-Ep</li>
         <li><img src="images/109951163030980887.jpg"><a href="">Sexy Dirty Love</li>
         <li><img src="images/109951163030980583.jpg"><a href="">孩子别忘了我</li>
         <li><img src="images/109951163030975581.jpg"><a href="">爱恋天空城</a></li>
         <li><img src="images/109951163029449781.jpg"><a href="">纵痴也狂</li>
         <li><img src="images/109951163029472577.jpg"><a href="">Wonderful</li>
         <li><img src="images/109951163029917377.jpg"><a href="">空气男女</li>
         <li><img src="images/109951163030106272.jpg"><a href="">Good Day</li>
         <li><img src="images/109951163030653621.jpg"><a href="">Rain Drops</li>
         <li><img src="images/109951163030938309.jpg"><a href="">Reday For It</li>
         <li><img src="images/109951163030971993.jpg"><a href="">Crazy</li>
         <li><img src="images/109951163029433310.jpg"><a href="">One Foot</a></li>
         <li><img src="images/109951163029413897.jpg"><a href="">The Spectre</li>
         <li><img src="images/109951163029412746.jpg"><a href="">解脱的自由</li>
         <li><img src="images/109951163029412746.jpg"><a href="">炸</li>
         <li><img src="images/109951163029337837.jpg"><a href="">Brahms:The Pinao</li>
         <li><img src="images/109951163029270567.jpg"><a href="">十三夜之月</li>
         <li><img src="images/109951163029220745.jpg"><a href="">可惜了</li>
         <li><img src="images/109951163028932289.jpg"><a href="">偶像</li>
         <li><img src="images/109951163028356782.jpg"><a href="">为爱投降</a></li>
         <li><img src="images/109951163025213134.jpg"><a href="">都选c</li>
         <li><img src="images/109951163026476965.jpg"><a href="">平凡岁月</li>
         <li><img src="images/109951163026788047.jpg"><a href="">Part of a Fool</li>
         <li><img src="images/109951163027264242.jpg"><a href="">Brahms:The Pinao</li>
         <li><img src="images/109951163023780798.jpg"><a href="">Parper Doll</li>
         <li><img src="images/18912699509677969.jpg"><a href="">Reday For It</li>
         <li><img src="images/18966575579464797.jpg"><a href="">Terrified</li>

</ul>

</div>
<div class="down">

    <ul>
      <li><a href="">关于网易</a></li>
      <li class="line">|</li>
      <li><a href="">客户服务</a></li>
      <li class="line">|</li>
      <li><a href="">服务条款</a></li>
      <li class="line">|</li>
      <li><a href="">网站导航</a></li>
      <li class="line">|</li>
      <li><a href="">意见反馈</a></li>
     </ul>
     
     <div class="right">
       <img src="images/p1.png">
       
        <img src="images/p2.png">
       
        <img src="images/p3.png">
     
     </div>

    </div>
     


</body>
</html>